@font-face {
	font-family: MyriadPro;
	src: url(/inc/file/fonts/MyriadPro-Regular.otf);
}
@font-face {
	font-family: uni;
	src: url(../images/UniSansHeavy.otf);
}
html {
	font-size: 16px;
}
.wrap {
	margin: 0px auto; width: 1000px;
}
.blank36 {
	margin-top: 36px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-over {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.over {
	overflow: hidden;
}
.relative {
	position: relative; z-index: 1;
}
.absolute {
	position: absolute; z-index: 1;
}
.fixed {
	position: fixed; z-index: 1;
}
.inline {
	display: inline;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.hide {
	display: none;
}
.max-w100 {
	max-width: 100%;
}
.max-h100 {
	max-height: 100%;
}
.relative {
	position: relative; z-index: 1;
}
.absolute {
	position: absolute; z-index: 1;
}
.middle {
	vertical-align: middle;
}
.trans {
	transition:300ms; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s;
}
.center-vertical {
	top: 50%; position: relative; transform: translateY(-50%);
}
.zoomImg img {
	transition:transform 0.6s; -webkit-transition: transform .6s;
}
.zoomImg:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.c1 {
	clear: both;
}
.text-over {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.fz {
	font-size: 0px;
}
.show_lg {
	display: block !important;
}
.show_sm {
	display: none !important;
}
.edit_content img {
	width: auto !important; height: auto !important; max-height: 100%; max-width: 100%;
}
* {
	-moz-box-sizing: border-box;
}
*::after {
	-moz-box-sizing: border-box;
}
*::before {
	-moz-box-sizing: border-box;
}
body {
	-ms-overflow-x: hidden; min-width: 320px; max-width: 1920px;
}
.w1600 {
	
}
.head_fix {
	left: 0px;
	top: 0px;
	width: 100%;
	position: fixed;
	z-index: 1000;
	max-width: 1920px;
	background-color: #ffffff;
}
#header {
	margin: 0px auto; width: 1600px; height: 96px; position: relative;
}
#header .logo {
	left: 40px; top: 12px; position: absolute;
}
#header .nav {
	left:18.68%; top: 42px; position: absolute;
}
#header .nav li {
	vertical-align: top; display: inline-block;
}
#header .nav li .one {
	color: #000000;
	padding-bottom: 33px;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 18px;
	display: block;
	position: relative;
	margin-top: 0px;
	margin-right: 23px;
	margin-bottom: 0px;
	margin-left: 23px;
}
#header .logo a {
	height: 100%; display: block;
}
#header .nav li .on::after {
	background: rgb(234, 41, 57); left: 0px; width: 100%; height: 2px; bottom: 0px; position: absolute; content: "";
}
#nav .two {
	background: rgba(255, 255, 255, 0.9); left: 0px; top: 96px; width: 100%; height: 0px; position: fixed; z-index: -1;
}
#nav .two > .li {
	margin: 0px 17px; transition:opacity 0.1s 0.1s; color: rgb(51, 51, 51); line-height: 59px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; vertical-align: top; display: inline-block; opacity: 0;
}
#nav .two > .li a {
	color: rgb(51, 51, 51); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
#nav .show.two {
	z-index: 999;
}
#nav .show.two > .li {
	opacity: 1;
}
#nav .two > .li .tp {
	position: relative;
}
#nav .two > .li .tp .third {
	background: rgba(255, 255, 255, 0.9); left: 0px; top: 0px; width: 100%; display: none; position: absolute;
}
#nav .two > .li:hover .tp .third {
	display: block;
}
#nav .two > .li:hover .tp .third a {
	line-height: 250%; overflow: hidden; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#nav .two > .li:hover .tp .third a:hover {
	text-decoration: underline;
}
#nav .two > .li:hover {
	text-decoration: underline;
}
#header .right {
	top: 40px; right: 0px; position: absolute;
}
#header .same {
	width: 26px; height: 26px; vertical-align: top; display: inline-block; position: relative;
}
#header .search {
	background: url("../images/search.jpg") no-repeat center; margin-right: 10px; position: relative;
}
#header .search .form {
	top: 0%; right: 0%; display: none; position: absolute;
}
#header .search .form .text {
	border-radius: 50px; border: 1px solid rgb(207, 207, 207); border-image: none; width: 150px; height: 26px; text-indent: 10px; padding-right: 30px;
}
#header .search .form .sub {
	background: url("../images/search.jpg") no-repeat center; border-radius: 50px; border: currentColor; border-image: none; top: 0px; width: 26px; height: 26px; right: 0px; position: absolute; cursor: pointer;
}
#header .wechat {
	background: url("") no-repeat center; margin-right: 10px;
}
#header .wechat .img {
	left: -50px; top: 110%; margin-left: -50%; display: none; position: absolute; z-index: 10;
}
#header .wechat:hover .img {
	display: block;
}
#header .menu {
	background: url("../images/menu.png") no-repeat center; width: 38px; margin-right: 3px; display: none; cursor: pointer;
}
#big {
	display: none;
}
@media only screen and (max-width:1600px)
{
#header {
	width: 90%;
}
#header .nav li .one {
	margin: 0px 22px;
}
#header .logo {
	left: 0px;
}
}
@media only screen and (max-width:1100px)
{
#header .nav li .one {
	margin: 0px 25px;
}
}
@media only screen and (max-width:980px)
{
#header .nav li .one {
	margin: 0px 15px;
}
}
@media only screen and (max-width:991px)
{
#header .nav {
	display: none;
}
#nav .two {
	display: none;
}
#header .menu {
	vertical-align: top; display: inline-block;
}
#big {
	right: -100%; position: fixed;
}
#big .close {
	background: url("../images/close.png") no-repeat center; top: 9px; width: 27px; height: 27px; right: 18px; display: none; position: absolute; cursor: pointer;
}
#big {
	background: rgba(0, 0, 0, 0.5); top: 0px; width: 100%; height: 100%; display: block; position: fixed; z-index: 999;
}
#menu {
	background: rgb(255, 255, 255); width: 85%; height: calc( 100% - 96px); right: 0px; bottom: 0px; position: absolute; z-index: 99;
}
#menu .back_li {
	display: none;
}
#menu .parent_li {
	padding-top: 65px;
}
#menu .back {
	background: url("../images/ad_left.png") no-repeat 21px rgb(196, 196, 196); height: 75px; display: none; cursor: pointer;
}
#menu ul li {
	height: 45px; text-align: center; line-height: 45px; border-bottom-color: rgb(231, 231, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
#menu ul li a {
	color: rgb(0, 0, 0); font-family: "Æ»·½"; font-size: 20px; display: block;
}
}
@media only screen and (max-width:450px)
{
#header .right .search {
	display: none;
}
#header .right .wechat {
	display: none;
}
.contact .color .msg_box {
	margin: 0px !important;
}
}
.swiper-container.iBanner {
	padding-bottom: 0px; margin-bottom: 0px;
}
.iBanner .button-next {
	background: none; transition:0.2s; left: auto; top: 47%; width: 18px; height: 35px; text-align: center; right: auto; color: rgb(255, 255, 255); line-height: 100%; font-family: "ËÎÌå"; font-size: 40px; position: absolute; z-index: 899999; cursor: pointer; opacity: 0;
}
.iBanner .button-prev {
	background: none; transition:0.2s; left: auto; top: 47%; width: 18px; height: 35px; text-align: center; right: auto; color: rgb(255, 255, 255); line-height: 100%; font-family: "ËÎÌå"; font-size: 40px; position: absolute; z-index: 899999; cursor: pointer; opacity: 0;
}
.iBanner .button-next {
	right: -60px;
}
.iBanner .button-prev {
	left: -60px;
}
.iBanner:hover .button-next {
	right: 16px; opacity: 1;
}
.iBanner:hover .button-prev {
	left: 16px; opacity: 1;
}
.bannerbox {
	width: 100%; overflow: hidden; margin-bottom: 4.21%; position: relative;
}
.Homebanner {
	padding: 34% 0px 0px; width: 100%; text-align: center; overflow: hidden; position: relative;
}
.Homebanner ul {
	padding: 34% 0px 0px; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute;
}
.Homebanner ul li {
	padding: 34% 0px 0px; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; overflow: hidden; position: absolute;
}
.Homebanner ul li .pic_box {
	top: 0px; width: 100%; display: block; position: absolute;
}
.Homebanner ul li .pic_box .placeholder {
	padding: 34% 0px 0px; width: 100%;
}
.Homebanner ul li .pic_box .pic_img {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.Homebanner ul li .pic_box .pic_img img {
	vertical-align: middle; max-height: 100%; max-width: 100%;
}
.Homebanner ul li .pic_box .pic_img span {
	height: 100%; vertical-align: middle; display: inline-block;
}
.Homeleft {
	transition:0.2s; top: 34%; width: 18px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-family: "ËÎÌå"; font-size: 40px; position: absolute; z-index: 899999; cursor: pointer; opacity: 0;
}
.Homeright {
	transition:0.2s; top: 34%; width: 18px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-family: "ËÎÌå"; font-size: 40px; position: absolute; z-index: 899999; cursor: pointer; opacity: 0;
}
.Homeleft {
	left: -60px;
}
.Homeright {
	right: -60px;
}
.bannerbox:hover .Homeleft {
	left: 16px; opacity: 1;
}
.bannerbox:hover .Homeright {
	right: 16px; opacity: 1;
}
.Homedot {
	width: 100%; text-align: center; bottom: 60px; position: absolute; z-index: 999;
}
.Homedot a {
	background: rgba(255, 255, 255, 0); margin: 0px 5px; border-radius: 6px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 12px; height: 12px; line-height: 1000px; overflow: hidden; display: inline-block;
}
.Homedot a.cur {
	background: rgb(255, 255, 255);
}
.Homebannertext {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.Homebannertext dl.bannertwo {
	top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); position: absolute; z-index: 9999;
}
.Homebannertext dl.bannertwo dt {
	padding-top: 7.65%; position: relative; transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px);
}
.bannereffect {
	opacity: 0;
}
.bannertime {
	transition:0.8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out;
}
.bannertime1 {
	transition:0.8s ease-in-out 0.2s; -webkit-transition: all .8s ease-in-out .2s; -moz-transition: all .8s ease-in-out .2s; -o-transition: all .8s ease-in-out .2s;
}
.bannertime2 {
	transition:1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out .2s; -moz-transition: all 1s ease-in-out .2s; -o-transition: all 1s ease-in-out 2s;
}
.Homebanner li.cur .Homebannertext dl.bannertwo dt {
	transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px);
}
.Homebanner li.cur .bannereffect {
	opacity: 1;
}
#ad_other {
	margin: 0px auto; width: 100%; position: relative;
}
#ad_other .box {
	padding: 20% 0px 0px; width: 100%;
}
#ad_other .ad_pic {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
#ad_other .ad_pic img {
	vertical-align: middle; max-height: 100%; max-width: 100%;
}
.introduce {
	margin: 0px auto 80px; width: 1600px;
}
.introduce .fl {
	width: 43.1%; margin-left: 25px;
}
.introduce .tit {
	color: rgb(51, 51, 51); font-family: "ºÚÌå"; font-size: 22px; margin-top: 9px;
}
.introduce .intro {
	color: rgb(51, 51, 51); line-height: 32px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-top: 33px; margin-bottom: 4.7%;
}
.introduce .more {
	background: url("../images/more.png") no-repeat center; margin: 0px auto; width: 179px; height: 39px; color: rgb(234, 41, 57); line-height: 39px; padding-left: 53px; font-family: "Myriad Pro"; font-size: 14px; display: block;
}
.introduce .fr {
	width: 49%; position: relative;
}
.introduce .fr .placeholder {
	padding: 56.4% 0px 0px; width: 100%;
}
.introduce .fr .picture {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.introduce .fr .picture img {
	vertical-align: middle; max-height: 100%; max-width: 100%;
}
@media only screen and (max-width:1600px)
{
.introduce {
	width: 90%;
}
}
@media only screen and (max-width:1400px)
{
.introduce .fl {
	width: 100%; margin-bottom: 35px; margin-left: 0px; float: none;
}
.introduce .fr {
	margin: 0px auto; width: 68%; text-align: center; float: none;
}
.introduce {
	margin-bottom: 8.3%;
}
}
@media only screen and (max-width:991px)
{
.introduce .intro {
	font-size: 16px;
}
.bannerbox .Homeleft {
	left: 16px; opacity: 1;
}
.bannerbox .Homeright {
	right: 16px; opacity: 1;
}
}
@media only screen and (max-width:750px)
{
.introduce .fr {
	width: 98%;
}
}
.series_list {
	width: 100%; font-size: 0px;
}
.series_list li {
	width: 25%; vertical-align: top; display: inline-block; position: relative;
}
.series_list .img {
	width: 100%; height: 126.9%; text-align: center; max-height: 550px;
}
.series_list .img img {
	max-height: 550px; max-width: 100%;
}
.series_list li:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.series_list .intro {
	text-align: center; padding-top: 10px; padding-bottom: 10%; border-right-color: rgb(230, 230, 230); border-right-width: 1px; border-right-style: solid; position: relative;
}
.series_list .num {
	text-align: center; color: rgb(136, 136, 136); padding-top: 43px; font-family: "Times New Roman"; font-size: 32px; position: relative;
}
.series_list .num::before {
	background: rgb(230, 230, 230); margin: auto; left: 0px; top: 0px; width: 1px; height: 29px; right: 0px; position: absolute; content: "";
}
.series_list .series {
	color: rgb(0, 0, 0); font-family: "Î¢ÈíÑÅºÚ"; font-size: 22px; margin-bottom: 16px;
}
.series_list .en {
	color: rgb(154, 154, 154); font-family: "Times New Roman"; font-size: 14px;
}
#main .info {
	background: rgb(246, 246, 246); padding: 80px 0px; width: 100%;
}
#main .info .width {
	margin: 0px auto; width: 1600px;
}
#main .info .width .title_new {
	width: 100%; color: rgb(51, 51, 51); line-height: 29px; padding-bottom: 15px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 22px; margin-top: 3px; margin-bottom: 2.3%; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: none;
}
#main .info .width .title_new a {
	color: rgb(136, 136, 136); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
#main .info .width .left {
	width: 54%; float: left; position: relative;
}
#main .info .width .left .play {
	background: url("../images/play_vdo.png") no-repeat center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; cursor: pointer;
}
#main .info .width .left .hide.play {
	display: none;
}
#main .info .width .left video {
	cursor: pointer;
}
#main .info .width .left .placeholder {
	padding: 60.52% 0px 0px; width: 100%;
}
#main .info .width .left .img {
	background: rgb(0, 0, 0); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
#main .info .width .right {
	width: 44.3%; float: right;
}
#main .info .width .right .title {
	color: rgb(51, 51, 51); line-height: 29px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 22px; margin-top: 3px; margin-bottom: 2.3%;
}
#main .info .width .right .title a {
	color: rgb(136, 136, 136); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
#info_box .list {
	height: auto; overflow: hidden;
}
#main .info .width .right .swiper-slide {
	width: 100% !important; margin-right: 5px;
}
#main .info .width .right .swiper-slide li {
	text-align: left; margin-top: 4.86%; max-height: 100px;
}
#main .info .width .right .swiper-slide li .fl {
	padding: 7px 29px; border: 1px solid rgb(217, 217, 217); border-image: none; text-align: center;
}
#main .info .width .right .swiper-slide li.one {
	margin-top: 0px;
}
#main .info .width .right .swiper-slide li .fl span {
	display: block;
}
#main .info .width .right .swiper-slide li .fl .day {
	color: rgb(51, 51, 51); font-family: "MyriadPro"; font-size: 32px;
}
#main .info .width .right .swiper-slide li .fl .month {
	color: rgb(136, 136, 136); font-family: "MyriadPro"; font-size: 16px;
}
#main .info .width .right .swiper-slide li .fl .year {
	color: rgb(136, 136, 136); font-family: "MyriadPro"; font-size: 14px;
}
#main .info .width .right .swiper-slide li .fr {
	width: 80%;
}
#main .info .width .right .swiper-slide li .fr .tit {
	margin: 2.1% 0px; color: rgb(0, 0, 0); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; display: block;
}
#main .info .width .right .swiper-slide .fr .desc {
	height: 44px; color: rgb(136, 136, 136); line-height: 22px; overflow: hidden; font-family: "Î¢ÈíÑÅºÚ"; font-size: 12px;
}
#main .info .width .right .button {
	text-align: center; font-size: 0px;
}
#main .info .width .right .button .same {
	border: 1px solid rgb(153, 153, 153); border-image: none; width: 34px; height: 26px; vertical-align: top; display: inline-block; cursor: pointer;
}
#main .info .width .right .button .prev {
	background: url("../images/left.jpg") no-repeat center rgb(255, 255, 255); margin-right: 10px;
}
#main .info .width .right .button .next {
	background: url("../images/right.jpg") no-repeat center rgb(255, 255, 255);
}
@media only screen and (max-width:1600px)
{
#main .info .width {
	width: 90%;
}
}
@media only screen and (max-width:1289px)
{
#main .info {
	padding: 4.7% 0px;
}
#main .info .width .right .swiper-slide li .fr {
	width: 75%;
}
#main .info .width .title_new {
	display: block;
}
#main .info .width .right .title {
	display: none;
}
}
@media only screen and (max-width:1120px)
{
.series_list .en {
	line-height: 22px; min-height: 44px;
}
#main .info .width .right .swiper-slide li .fl .day {
	font-size: 27px;
}
.series_list .intro {
	padding-bottom: 15%;
}
}
@media only screen and (max-width:1053px)
{
#main .info .width .right .swiper-slide li .fl {
	padding: 1px 29px 6px;
}
#main .info .width .right .swiper-slide li .fr {
	width: 65%;
}
#main .info .width .right .swiper-wrapper {
	height: 87%;
}
}
@media only screen and (max-width:991px)
{
.series_list .series {
	font-size: 18px;
}
.series_list .intro {
	padding-top: 3.83%;
}
.series_list .num {
	padding-top: 14.34%;
}
}
@media only screen and (max-width:950px)
{
#main .info .width .left {
	margin-top: 0.9%;
}
}
@media only screen and (max-width:880px)
{
#main .info .width .left {
	width: 100%; text-align: center; margin-top: 0px; float: none;
}
#main .info .width .right {
	width: 100%; margin-top: 25px; float: none;
}
#main .info .width .right .swiper-slide li .fr {
	width: 83%;
}
#main .info .width .right .swiper-slide li .fl {
	padding: 7px 29px 6px;
}
#main .info .width .right .swiper-slide li .fl .day {
	font-size: 32px;
}
#main .info .width .right .swiper-slide .fr .desc {
	font-size: 14px;
}
#main .info .width .right .swiper-wrapper {
	height: 100%; margin-bottom: 45px;
}
#info_box .list {
	height: 100%;
}
#main .info {
	padding: 9.09% 0px 0px;
}
}
@media only screen and (max-width:750px)
{
.series_list .intro {
	padding-bottom: 9%;
}
.series_list {
	text-align: center;
}
.series_list li {
	width: 45%; margin-bottom: 25px;
}
.series_list .num::before {
	display: none;
}
.series_list .num {
	padding-top: 0.1%;
}
.series_list .intro {
	border: currentColor; border-image: none;
}
#main .info .width .right .swiper-slide li .fr {
	width: 78%;
}
}
@media only screen and (max-width:550px)
{
#main .info .width .right .swiper-slide li .fr {
	width: 72%;
}
}
@media only screen and (max-width:450px)
{
#main .info .width .right .swiper-slide li .fr {
	width: 72%;
}
#main .info .width .right .swiper-slide li .fl {
	padding: 7px 6.44% 6px;
}
#main .info .width .right .swiper-slide li .fl .day {
	font-size: 28px;
}
}
.bread {
	color: rgb(136, 136, 136); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
.bread a {
	color: rgb(136, 136, 136); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
.bread a {
	line-height: 56px;
}
#info {
	width: 100%;
}
#info .w1400 {
	margin: 0px auto; width: 1400px;
}
#info .w800 {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#info .cate_wrap {
	height: 56px; overflow: hidden;
}
#info .border {
	border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid;
}
#info .cate_wrap .cate {
	margin: 0px 33px; height: 53px; color: rgb(51, 51, 51); line-height: 53px; font-size: 16px; text-decoration: none; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 3px; border-bottom-style: solid; display: inline-block;
}
#info .cate_wrap .one {
	margin-left: 0px;
}
#info .cate_wrap .cur.cate {
	color: rgb(234, 41, 57); border-bottom-color: rgb(234, 41, 57);
}
#info .cate_wrap .cate:hover {
	color: rgb(234, 41, 57); border-bottom-color: rgb(234, 41, 57);
}
#info .bg {
	background: rgb(244, 244, 244); padding-top: 68px; padding-bottom: 50px;
}
#info .bg .w1189 {
	margin: 0px auto; width: 1189px;
}
#info .item {
	width: 100%; height: 230px; z-index: 100;
}
#info .item .date {
	padding: 25px 0px 0px 1%; left: 0px; top: 0px; width: 14.83%; z-index: 101;
}
#info .item .date span {
	line-height: 36px;
}
#info .item .date .md {
	color: rgb(102, 102, 102); font-size: 36px;
}
#info .item .date .y {
	color: rgb(153, 153, 153); font-size: 14px; margin-left: 6px; display: block;
}
#info .item .date i {
	color: rgb(153, 153, 153); font-size: 14px;
}
#info .item .info {
	left: 15.82%; top: 0px; width: 52.16%; height: 100%; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; z-index: 101;
}
#info .item .info::before {
	transition:0.6s cubic-bezier(0.215, 0.61, 0.355, 1); height: 0%; margin-left: -1px; border-left-color: rgb(234, 41, 57); border-left-width: 1px; border-left-style: solid; position: absolute; content: "";
}
#info .item .info .title {
	width: 100%; line-height: 64px; overflow: hidden; margin-left: 5.5%;
}
#info .item .info .title a {
	color: rgb(51, 51, 51); font-size: 18px; text-decoration: none;
}
#info .item .info .brief {
	width: 100%; color: rgb(102, 102, 102); line-height: 30px; margin-left: 5.5%;
}
#info .item .info .inner_date {
	color: rgb(153, 153, 153); line-height: 16px; margin-left: 5.5%; display: none;
}
#info .item .img {
	top: 0px; width: 18.33%; right: 2%; z-index: 101;
}
#info .item:hover .date .md {
	color: rgb(234, 41, 57);
}
#info .item:hover .date i {
	margin-left: 5%;
}
#info .item:hover .info .title a {
	color: rgb(234, 41, 57);
}
#info .item:hover .info::before {
	height: 70%;
}
#info .item:hover .title {
	margin-left: 6.5%;
}
#info .item:hover .brief {
	margin-left: 6.5%;
}
#info .item:hover .img {
	right: 3%;
}
@media only screen and (max-width:1500px)
{
#info .w1400 {
	width: 90%;
}
}
@media only screen and (max-width:1200px)
{
#info .bg .w1189 {
	width: 90%;
}
#info .bread {
	display: none;
}
#info .item .date {
	padding-top: 15px;
}
#info .item .date .md {
	font-size: 30px;
}
#info .item .info .title {
	line-height: 54px;
}
#info .item .info .brief {
	line-height: 24px;
}
}
@media only screen and (max-width:980px)
{
#info .cate_wrap {
	height: 60px;
}
#info .cate_wrap .cate {
	height: 58px; line-height: 58px;
}
#info .item {
	height: 190px;
}
#info .item .date {
	padding-top: 5px;
}
#info .cate_wrap {
	width: 100%; overflow: hidden; white-space: nowrap; -ms-overflow-x: auto;
}
#info .item .date .md {
	font-size: 24px;
}
#info .item .info .title {
	line-height: 34px;
}
#info .item .info .brief {
	line-height: 24px;
}
}
@media only screen and (max-width:880px)
{
#info .item .date {
	display: none;
}
#info .item .info {
	left: 0px; width: 60%;
}
#info .item .info::before {
	display: none;
}
#info .item .img {
	width: 25%; right: 2%;
}
}
@media only screen and (max-width:720px)
{
#info .item {
	height: 140px;
}
#info .item .date {
	display: none;
}
#info .item .info {
	left: 24%; width: 60%;
}
#info .item .info .title {
	height: 20px; line-height: 20px; overflow: hidden;
}
#info .item .info .title a {
	font-size: 14px;
}
#info .item .info .brief {
	height: 24px; overflow: hidden;
}
#info .item .info .inner_date {
	display: block;
}
#info .item .img {
	left: 1%; width: 20%;
}
}
@media only screen and (max-width:580px)
{
#info .item {
	height: 100px;
}
#info .cate_wrap {
	height: 50px;
}
#info .cate_wrap .cate {
	margin: 0px 30px; height: 38px; line-height: 38px; font-size: 14px;
}
#turn_page {
	font-size: 12px;
}
#turn_page .page_button {
	width: 60px; height: 30px; line-height: 30px; font-size: 12px;
}
#turn_page .page_item {
	width: 30px; height: 30px; line-height: 30px; font-size: 12px;
}
#turn_page .page_item_current {
	width: 30px; height: 30px; line-height: 30px; font-size: 12px;
}
#turn_page .page_select {
	display: none;
}
#turn_page .page_click {
	display: none;
}
.article .color {
	margin-top: -9px; position: relative;
}
#info .bg {
	margin-top: -9px; position: relative;
}
.contact .color {
	margin-top: -9px; position: relative;
}
#info .cate_wrap .cate:hover {
	color: rgb(51, 51, 51); border-bottom-color: transparent;
}
}
@media only screen and (max-width:400px)
{
#info .cate_wrap .cate {
	margin: 0px 15px;
}
}
#info .detail {
	width: 73%;
}
#info .detail .tit {
	color: rgb(51, 51, 51); font-family: "Î¢ÈíÑÅºÚ"; font-size: 22px; margin-bottom: 15px;
}
#info .detail .same {
	color: rgb(136, 136, 136); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-bottom: 28px;
}
#info .detail .author {
	margin-right: 15px;
}
#info .detail .white {
	background: rgb(255, 255, 255); padding: 40px 28px 96px; width: 91%; line-height: 220%; margin-bottom: 30px;
}
#info .detail .white img {
	width: auto !important; height: auto !important; max-height: 100%; max-width: 100%;
}
#info .detail .wen {
	width: 50%;
}
#info .detail .wen a {
	color: rgb(51, 51, 51); line-height: 21px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; vertical-align: top; display: inline-block;
}
#info .detail .wen .ti {
	color: rgb(51, 51, 51); font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; font-weight: bold; margin-right: 15px;
}
#info .detail .wen .time {
	color: rgb(136, 136, 136); line-height: 21px; padding-left: 1%; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-left: 1%; vertical-align: top; display: inline-block;
}
#info .detail .wen a:hover {
	text-decoration: underline;
}
#info .question .back {
	background: url("../images/back.jpg") no-repeat 26% rgb(255, 255, 255); border: 1px solid rgb(214, 214, 214); border-image: none; width: 200px; height: 51px; text-align: center; color: rgb(51, 51, 51); line-height: 51px; text-indent: 20px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; margin-top: 20px; display: block;
}
#info .question .big {
	height: 33px; color: rgb(51, 51, 51); line-height: 33px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; margin-top: 27px; margin-left: 10px; border-bottom-color: rgb(209, 209, 209); border-bottom-width: 1px; border-bottom-style: solid;
}
#info .question .ques_list li {
	background: url("../images/ques.jpg") no-repeat left; height: 32px; color: rgb(51, 51, 51); line-height: 32px; padding-left: 10px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-top: 10px;
}
#info .question .ques_list li:hover a {
	color: rgb(234, 41, 57);
}
@media only screen and (max-width:1250px)
{
#info .detail {
	width: 69%;
}
#info .prev {
	margin-top: 25px;
}
#info .prev {
	margin-bottom: 15px; float: none;
}
#info .next {
	margin-bottom: 15px; float: none;
}
#info .detail .wen {
	width: 100%;
}
}
@media only screen and (max-width:1250px)
{
#info .detail {
	width: 65%;
}
}
@media only screen and (max-width:1150px)
{
#info .detail {
	width: 60%;
}
}
@media only screen and (max-width:1050px)
{
#info .detail {
	width: 58%;
}
}
@media only screen and (max-width:991px)
{
#info .detail {
	margin: 0px auto; width: 100%; float: none;
}
#info .detail .white {
	margin: 0px auto;
}
#info .question {
	margin-top: 35px; float: none;
}
#info .prev {
	margin-left: 10px;
}
#info .next {
	margin-left: 10px;
}
}
@media only screen and (max-width:750px)
{
#info .detail .white {
	width: 85%;
}
#info .question .back {
	margin: 0px auto; width: 50%;
}
#info .wen .time {
	display: none !important;
}
#info .question {
	margin-top: 35px; float: none;
}
}
.contact .color {
	background: rgb(244, 244, 244); padding: 3% 0px;
}
.contact .color .address {
	text-align: left; vertical-align: top; display: inline-block;
}
.contact .color .address + .address {
	
}
.contact .color .address .name {
	color: rgb(51, 51, 51); font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; margin-bottom: 10px;
}
.contact .color .address .img img {
	margin-right: 10px; vertical-align: middle;
}
.contact .color .address .add {
	color: rgb(85, 85, 85); line-height: 22px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
.contact .color .same1 {
	float: left;
}
.contact .color .same3 {
	float: right;
}
.contact .color .company {
	text-align: center; color: rgb(51, 51, 51); font-family: "Î¢ÈíÑÅºÚ"; font-size: 18px; margin-top: 43px; margin-bottom: 45px;
}
.contact .color .company img {
	vertical-align: middle;
}
.contact .color .company .img1 {
	margin-right: 13px;
}
.contact .color .company .img2 {
	margin-left: 13px;
}
.contact .color .msg_box {
	margin: 0px -28px 0px;
}
.contact .color .msg_box li {
	margin: 0px 1% 40px; padding: 1%; border: 1px solid rgb(211, 211, 211); border-image: none; width: 29%; text-align: left; color: rgb(85, 85, 85); line-height: 200%; font-size: 14px; vertical-align: top; display: inline-block;
}
.contact .color .msg_box li div {
	color: rgb(85, 85, 85); line-height: 28px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
.contact .color .msg_box li .name {
	color: rgb(51, 51, 51);
}
.contact .color .c1000 {
	display: none;
}
@media only screen and (max-width:1000px)
{
.contact .color {
	padding: 6% 0px;
}
.contact .color .same2 {
	float: none; display: block;
}
.contact .color .same1 {
	float: none; display: block;
}
.contact .color .same3 {
	float: none; display: block;
}
.contact .color .address {
	margin: 15px 0px; display: inline-block; min-width: 320px;
}
.contact .color .c1000 {
	clear: both; display: block;
}
.contact .color .msg_box li {
	width: 47%;
}
}
@media only screen and (max-width:590px)
{
.contact .color .msg_box li {
	padding: 3%;
}
}
.article .color {
	background: rgb(244, 244, 244); padding-top: 2px; padding-bottom: 2px;
}
.colorr {
	background: rgb(244, 244, 244); padding-top: 1px; padding-bottom: 2px;
}
.article .color .cnBox {
	margin-bottom: 3%;
}
.article .color .cnBox a {
	padding: 0px 1%; font-size: 15px;
}
.article .color .cnBox a.on {
	
}
.article .color .en {
	color: rgb(234, 41, 57); font-family: "ºÚÌå"; font-size: 22px;
}
.article .color .cn {
	color: rgb(3, 0, 0); font-family: "Î¢ÈíÑÅºÚ"; font-size: 18px; margin-bottom: 50px;
}
.article .AId0 .font {
	width: 51.3%; color: rgb(85, 85, 85); line-height: 32px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; vertical-align: top; display: inline-block;
}
.article .AId0 .img_box {
	width: 44.2%; margin-left: 4.2%; vertical-align: top; display: inline-block; position: relative;
}
.article .AId0 .img_box .box {
	padding: 50.24% 0px 0px; width: 100%;
}
.article .AId0 .img_box .img {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.article .AId0 .img_box .img img {
	vertical-align: middle;
}
.article .AId0 {
	padding-bottom: 1px;
}
.article .corporate_video {
	margin: 0px -16px;
}
.article .corporate_video li {
	margin: 0px 1.2% 29px; width: 30.7%; vertical-align: top; display: inline-block; position: relative;
}
.article .corporate_video li .box {
	padding: 70.4% 0px 0px; width: 100%;
}
.article .corporate_video li .video {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.article .corporate_video li .video img {
	vertical-align: middle;
}
.article .corporate_video li .black {
	background: url("../images/video_ico.png") no-repeat center rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: absolute;
}
.article .corporate_video li .black .name {
	background: rgba(0, 0, 0, 0.5); width: 100%; height: 41px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 41px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; position: absolute;
}
.article .corporate_video li:hover .black {
	display: block;
}
.article .corporate_video li .vdo_url {
	display: none;
}
.video_box {
	background: rgba(0, 0, 0, 0.75); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 100;
}
.video_box .vdo_url {
	width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; -webkit-display: flex;
}
.visible.video_box {
	display: block;
}
.article .culture-list {
	overflow: hidden; min-height: 200px;
}
.article .culture-list .item1 {
	width: calc(32% - 20px); margin-bottom: 20px; visibility: hidden;
}
.article .culture-list .item1 .red {
	background: rgba(234, 41, 57, 0.7); left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: absolute;
}
.article .culture-list .item1 .red .name {
	border-width: 1px medium; border-style: solid none; border-color: rgb(255, 255, 255) currentColor; margin: auto; border-image: none; left: 0px; top: 0px; width: 48.2%; height: 44px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 44px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; position: absolute;
}
.article .culture-list .item1:hover .box {
	
}
.article .culture-list .item1:hover .red {
	display: block;
}
.article .not-list {
	color: rgb(17, 17, 17); font-size: 20px;
}
@media only screen and (max-width:1250px)
{
.article .AId0 .font {
	width: 100%; margin-bottom: 45px;
}
.article .AId0 .img_box {
	width: 100%; text-align: center; margin-left: 0px;
}
.article .AId0 .img_box .box {
	padding: 0px; height: 100%;
}
.article .AId0 .img_box .img {
	position: static;
}
}
@media only screen and (max-width:1050px)
{
.article .corporate_video li {
	width: 29.9%;
}
}
@media only screen and (max-width:991px)
{
.article .culture-list .item1 {
	width: calc(33.3333% - 20px);
}
.article .culture-list .item1 .red {
	display: none !important;
}
}
@media only screen and (max-width:768px)
{
.article .culture-list .item1 {
	width: calc(50% - 20px);
}
.article .culture-list .item1 .main {
	display: none;
}
}
@media only screen and (max-width:750px)
{
.article .corporate_video li {
	width: 46.3%;
}
}
@media only screen and (max-width:460px)
{
.article .corporate_video {
	margin: 0px auto;
}
.article .corporate_video li {
	margin: 0px auto 25px; width: 100%;
}
}
.article .honor_list {
	margin: 0px -18px;
}
.article .honor_list li {
	margin: 0px 1.2% 40px; width: 30%; text-align: center; vertical-align: top; display: inline-block; position: relative;
}
.article .honor_list li .img {
	background: rgb(255, 255, 255);
	vertical-align: middle;
	padding-top: 0%;
	padding-right: 0px;
	padding-bottom: 5%;
	padding-left: 0px;
}
.article .honor_list li .img img {
	max-height: 340px;
	max-width: 420px;
}
.article .honor_list li .name {
	height: 45px; text-align: center; color: rgb(51, 51, 51); line-height: 45px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
@media only screen and (max-width:991px)
{
.article .honor_list {
	text-align: center;
}
.article .honor_list li {
	width: 30%;
}
}
@media only screen and (max-width:750px)
{
.article .honor_list li {
	width: 90%;
}
}
@media only screen and (max-width:500px)
{
.article .honor_list li .img {
	padding: 47px 16px;
}
}
@media only screen and (max-width:400px)
{
.article .honor_list {
	margin: 0px;
}
.article .honor_list li .img {
	padding: 47px 29px;
}
.article .honor_list li {
	width: 95%;
}
}
.article .history {
	background: url("../images/expland_bg.jpg") no-repeat left top rgb(219, 229, 236);
}
.article .expand_box {
	margin: 0px auto; height: 100%; padding-bottom: 40px; position: relative;
}
.article .AId3 {
	padding-bottom: 43px;
}
.article .expand_box .con {
	width: 100%; position: relative;
}
.article .expand_box .fl .big {
	left: 0px; width: 48%; text-align: right; right: 26px; position: absolute;
}
.article .expand_box .fr .big {
	left: 53%; position: absolute;
}
.article .expand_box .con .year {
	color: rgb(51, 51, 51); font-family: "Î¢ÈíÑÅºÚ"; font-size: 22px;
}
.article .expand_box .con .year span {
	color: rgb(51, 51, 51); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
.article .expand_box .con .font div {
	color: rgb(85, 85, 85); line-height: 22px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 12px;
}
.article .expand_box .con .img {
	left: 50%; position: absolute;
}
.article .expand_list {
	width: 100%; padding-bottom: 44px; position: relative; max-height: 1400px;
}
.article .expand_list::before {
	background-position: center; left: 50%; width: 16px; height: 100%; position: absolute; content: ""; background-image: url("../images/gray.png"); background-repeat: repeat-y;
}
.article .expand_list::after {
	background-position: bottom; margin: auto; left: 16px; width: 36px; height: 43px; right: 0px; bottom: -42px; position: absolute; content: ""; background-image: url("../images/up.png"); background-repeat: no-repeat;
}
.article .expand_box .con {
	margin-top: 59px;
}
.article .expand_box .box4 {
	margin-top: 79px;
}
.article .expand_box .box5 {
	margin-top: 79px;
}
@media only screen and (max-width:991px)
{
.article .expand_box .box4 {
	margin-top: 10%;
}
.article .expand_box .box5 {
	margin-top: 10%;
}
}
@media only screen and (max-width:940px)
{
.article .expand_box .box4 {
	margin-top: 13%;
}
.article .expand_box .box5 {
	margin-top: 13%;
}
}
@media only screen and (max-width:830px)
{
.article .expand_box .box4 {
	margin-top: 15%;
}
.article .expand_box .box5 {
	margin-top: 15%;
}
}
@media only screen and (max-width:750px)
{
.article .expand_box {
	height: 900px; padding-bottom: 5.33%;
}
.article .AId3 {
	padding-bottom: 0px;
}
.article .expand_list::before {
	left: 0px;
}
.article .expand_list::after {
	display: none;
}
.article .expand_box .box1 {
	top: 58px;
}
.article .expand_box .box2 {
	top: 137px;
}
.article .expand_box .box3 {
	top: 219px;
}
.article .expand_box .box4 {
	top: 377px;
}
.article .expand_box .box5 {
	top: 499px;
}
.article .expand_box .box6 {
	top: 604px;
}
.article .expand_box .box7 {
	top: 709px;
}
.article .expand_box .box8 {
	top: 800px;
}
.article .expand_box .box9 {
	top: 900px;
}
.article .expand_box .con {
	top: 0px !important; width: 100%; text-align: left !important; margin-top: 0px; float: none; position: static;
}
.article .expand_box .con .img {
	left: 0px; padding-top: 50px; padding-right: 2%; float: left; position: static;
}
.article .expand_box .con .year {
	text-align: left;
}
.article .expand_box .con .font div {
	text-align: left;
}
.article .expand_box .fl .big {
	left: auto; width: auto !important; right: auto; padding-top: 50px; float: left; position: static !important; max-width: 90%;
}
.article .expand_box .fr .big {
	left: auto; width: auto !important; right: auto; padding-top: 50px; float: left; position: static !important; max-width: 90%;
}
}
@media only screen and (max-width:768px)
{
.article .culture-list .item1 {
	width: calc(50% - 20px);
}
.article .culture-list .item1 .main {
	display: none;
}
}
@media only screen and (max-width:400px)
{
.article .expand_box {
	height: 1066px;
}
.article .expand_list::before {
	left: 0px;
}
.article .expand_list::after {
	background-position: left bottom; left: 0px;
}
.article .expand_box .box1 {
	top: 58px;
}
.article .expand_box .box2 {
	top: 148px;
}
.article .expand_box .box3 {
	top: 224px;
}
.article .expand_box .box4 {
	top: 423px;
}
.article .expand_box .box5 {
	top: 555px;
}
.article .expand_box .box6 {
	top: 666px;
}
.article .expand_box .box7 {
	top: 780px;
}
.article .expand_box .box8 {
	top: 883px;
}
.article .expand_box .box9 {
	top: 983px;
}
}
#turn_page {
	height: 31px; text-align: center; line-height: 31px;
}
#turn_page .page_button {
	background: rgb(255, 255, 255); margin: 0px 0px 15px; padding: 0px 15px; border: 1px solid rgb(235, 235, 235); border-image: none; height: 29px; color: rgb(85, 85, 85); line-height: 29px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 12px; vertical-align: top; display: inline-block;
}
#turn_page .page_item {
	background: rgb(255, 255, 255); margin: 0px 0px 15px; padding: 0px 15px; border: 1px solid rgb(235, 235, 235); border-image: none; height: 29px; color: rgb(85, 85, 85); line-height: 29px; font-family: "Arial"; font-size: 12px; vertical-align: top; display: inline-block;
}
#turn_page .page_item_current {
	background: rgb(2, 66, 130); margin: 0px 0px 15px; padding: 0px 15px; border: 1px solid rgb(2, 66, 130); border-image: none; height: 29px; color: rgb(235, 235, 235); line-height: 29px; font-family: "Arial"; font-size: 12px; vertical-align: top; display: inline-block;
}
#product_list {
	background: rgb(244, 244, 244); padding-top: 50px; padding-bottom: 65px;
}
#product_list .w1400 {
	margin: 0px auto; width: 100%; max-width: 1400px;
}
#product_list .pub_title {
	width: 100%; color: rgb(231, 21, 39); font-family: "Î¢ÈíÑÅºÚ"; font-size: 28px; margin-bottom: 5px;
}
#product_list .pub_title img {
	width: 12%; height: 1px; vertical-align: bottom;
}
#product_list .pub_title .img1 {
	margin-right: 15px;
}
#product_list .pub_title .img2 {
	margin-left: 11px;
}
#product_list .pub_en {
	color: rgb(85, 85, 85); font-family: "Myriad Pro"; font-size: 14px; margin-bottom: 20px;
}
#product_list .category_list {
	margin: 0px -5px 50px;
}
#product_list .category_list li {
	background: rgb(196, 196, 196); margin: 0px 5px; border-radius: 5px; height: 38px; line-height: 38px; vertical-align: top; display: inline-block;
}
#product_list .category_list li a {
	padding: 0px 25px 0px 30px; color: rgb(51, 51, 51); font-family: "Myriad Pro"; font-size: 14px; display: block;
}
#product_list .category_list li.on {
	background: rgb(231, 21, 39);
}
#product_list .category_list li.on a {
	color: rgb(255, 255, 255);
}
#product_list .choice_box {
	border-radius: 5px; border: 1px solid rgb(214, 214, 214); border-image: none; padding-bottom: 45px; margin-bottom: 63px; box-shadow: 0px 1px 14px 2px #d6d6d6;
}
#product_list .choice_box .tit {
	color: rgb(51, 51, 51); padding-top: 18px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; margin-bottom: 30px;
}
#product_list .choice_box .pro_list {
	margin: 0px -14px;
}
#product_list .choice_box .pro_list li {
	margin: 0px 14px; vertical-align: top; display: inline-block;
}
#product_list .choice_box .pro_list li.on a {
	color: rgb(231, 21, 39);
}
#product_list .choice_box .pro_list li a {
	color: rgb(85, 85, 85); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
#product_list .choice_box .pro_list li a:hover {
	color: rgb(231, 21, 39);
}
#product_list .list ul {
	margin-bottom: 23px;
}
#product_list .left {
	background: rgb(255, 255, 255); border-radius: 5px; width: 38.64%; overflow: hidden; position: relative; box-shadow: 0px 1px 14px 2px #d6d6d6;
}
#product_list .left .box {
	padding: 57.9% 0px 0px; width: 100%;
}
#product_list .left a {
	left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; display: block; position: absolute;
}
#product_list .left img {
	vertical-align: middle;
}
#product_list .left span {
	height: 100%; vertical-align: middle; display: inline-block;
}
#product_list .right {
	width: 55%;
}
#product_list .right .name {
	color: rgb(51, 51, 51); font-family: "Î¢ÈíÑÅºÚ"; font-size: 22px; margin-top: 35px; margin-bottom: 25px;
}
#product_list .right .intro {
	color: rgb(85, 85, 85); line-height: 32px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-bottom: 30px;
}
#product_list .right .more {
	background: rgb(231, 21, 39); border-radius: 5px; width: 100px; height: 34px; text-align: center; color: rgb(255, 255, 255); line-height: 34px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; display: block;
}
#product_list .one .left {
	float: left;
}
#product_list .one .right {
	float: right;
}
#product_list .two .right {
	float: left;
}
#product_list .two .left {
	float: right;
}
#product_list .category_list {
	margin-bottom: 3.57%;
}
#product_list .pro_bread {
	border-bottom-color: rgb(196, 196, 196); border-bottom-width: 1px; border-bottom-style: dashed;
}
.pro_detail {
	background: rgb(255, 255, 255) !important;
}
#product_list .gray {
	background: rgb(245, 245, 245); margin-bottom: 42px;
}
#product_list .twig_tit {
	height: 69px; text-align: center; color: rgb(51, 51, 51); line-height: 69px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 22px;
}
#product_list .detail_pic {
	
}
#product_list .detail_pic img {
	width: auto !important; height: auto !important; max-height: 100%; max-width: 100%;
}
#product_list .gray {
	width: 100%; line-height: 38px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#product_list .gray .twig {
	padding: 0px 3%; width: 94%; line-height: 38px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#product_list .gray .tit {
	width: 12.56%; text-align: left; color: rgb(85, 85, 85); padding-left: 3.36%; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; vertical-align: top; display: inline-block;
}
#product_list .gray .tit2 {
	text-align: left; color: rgb(85, 85, 85); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-left: 14.3%; vertical-align: top; display: inline-block;
}
#product_list .gray .desc {
	width: 20.03%; text-align: left; color: rgb(85, 85, 85); padding-left: 7.07%; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; vertical-align: top; display: inline-block;
}
#product_list .gray .desc2 {
	text-align: left; color: rgb(85, 85, 85); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; vertical-align: top; display: inline-block;
}
#product_list .gray .desc3 {
	color: rgb(85, 85, 85); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; vertical-align: top; display: inline-block;
}
#product_list .gray .next {
	display: inline-block;
}
#product_list .pub {
	background: url("../images/tit_bg.jpg") no-repeat bottom; text-align: center; color: rgb(0, 0, 0); padding-bottom: 17px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 22px;
}
#product_list .view.pub {
	margin: 52px 0px 51px;
}
#product_list .app_pic {
	
}
#product_list .app_pic .fl {
	text-align: center; position: relative;
}
#product_list .app_pic .fl img {
	
}
#product_list .app_pic .fl .word {
	background: rgba(34, 100, 209, 0.84); left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; position: absolute; z-index: 10; opacity: 0;
}
#product_list .app_pic .fl .word span {
	color: rgb(255, 255, 255); font-size: 16px; display: block;
}
#product_list .app_pic .fl:hover .word {
	visibility: visible; opacity: 1;
}
#product_list .app_pic .pic1 {
	max-height: 464px; max-width: 50%;
}
#product_list .app_pic .pic2 {
	max-height: 232px; max-width: 50%;
}
#product_list .app_pic .pic3 {
	max-height: 232px; max-width: 25%;
}
#product_list .app_pic .pic4 {
	max-height: 232px; max-width: 25%;
}
#product_list .card_list .series {
	vertical-align: top; position: relative;
}
#product_list .card_list .series .li {
	width: 22.3%; float: left;
}
#product_list .card_list .series .li + .li {
	margin-left: 3%;
}
#product_list .card_list .series .poa .tit {
	text-align: center; color: rgb(51, 51, 51); padding-top: 2%; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px;
}
.pro_detail .dea_pic {
	width: 48.2%; position: relative;
}
.pro_detail .dea_pic .placeholder {
	padding: 60.4% 0px 0px; width: 100%;
}
.pro_detail .dea_pic .img {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
#series {
	overflow: hidden; margin-bottom: 60px; position: relative;
}
#series .hd {
	width: 100%; bottom: 0px; display: block;
}
#series .hd ul {
	margin: 11px -2px 0px; text-align: center;
}
#series .hd span {
	background: rgb(212, 212, 212); margin: 0px 2px; border-radius: 5px; width: 8px; height: 8px; vertical-align: top; display: inline-block;
}
#series .hd span.swiper-pagination-bullet-active {
	background: rgb(232, 27, 45);
}
#product_list .pub_desc {
	color: rgb(85, 85, 85); line-height: 32px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-top: 25px; margin-bottom: 40px;
}
#product_list .mode_form {
	margin: 0px auto; max-width: 1260px;
}
#product_list .mode_form .text-center {
	text-align: left;
}
#product_list .mode_form .text-center .row {
	
}
#product_list .mode_form .row {
	text-align: left; margin-right: 0.4%; vertical-align: top; display: inline-block;
}
#product_list .mode_form .row label {
	text-align: right; color: rgb(51, 51, 51); line-height: 51px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-right: 15px; vertical-align: top; display: inline-block; min-width: 56px;
}
#product_list .mode_form .row .form_text {
	border-radius: 5px; border: 1px solid rgb(224, 224, 224); border-image: none; width: 315px; height: 51px; line-height: 51px; text-indent: 15px; vertical-align: top; display: inline-block;
}
#product_list .mode_form .row em {
	color: rgb(234, 41, 57); line-height: 51px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; vertical-align: top; display: inline-block;
}
#product_list .mode_form select {
	background: url("../images/cate.jpg") no-repeat 280px; border-radius: 5px; border: 1px solid rgb(224, 224, 224); border-image: none; width: 315px; height: 51px; line-height: 51px; padding-left: 15px; appearance: none; -moz-appearance: none; -webkit-appearance: none;
}
#product_list .mode_form .select {
	margin-right: 1%;
}
#product_list .mode_form .radio {
	height: 51px; color: rgb(51, 51, 51); line-height: 51px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; vertical-align: top; display: inline-block;
}
#product_list .mode_form .radio input {
	width: 18px; height: 18px; margin-right: 5px; vertical-align: middle;
}
#product_list .mode_form .textarea {
	width: 100%;
}
#product_list .mode_form textarea {
	padding: 10px; border: 1px solid rgb(224, 224, 224); border-image: none; width: 96%; height: 174px; vertical-align: top; display: inline-block;
}
#product_list .mode_form .text {
	border-radius: 5px; border: 1px solid rgb(224, 224, 224); border-image: none; width: 228px; height: 51px; line-height: 51px; vertical-align: top; display: inline-block;
}
#product_list .mode_form .file {
	background: url("../images/could.jpg") no-repeat 18px; border-radius: 5px; border: 1px solid rgb(224, 224, 224); border-image: none; width: 102px; height: 51px; color: rgb(136, 136, 136); line-height: 51px; padding-left: 37px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; margin-left: 16px; vertical-align: top; display: inline-block; position: relative;
}
#product_list .mode_form .file input[type='file'] {
	left: 0px; top: 0px; width: 99px; height: 51px; position: absolute; z-index: 3; cursor: pointer; opacity: 0;
}
#product_list .mode_form .file_span {
	margin-top: 3%; margin-left: 5px; vertical-align: middle; display: none;
}
#product_list .mode_form .show.file_span {
	display: inline-block;
}
#product_list .mode_form .button {
	margin-top: 70px;
}
#product_list .mode_form .button input {
	border-radius: 5px; border: currentColor; border-image: none; width: 215px; height: 51px; color: rgb(255, 255, 255); line-height: 51px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px;
}
#product_list .mode_form .button .submit {
	background: rgb(234, 41, 57) !important;
}
#product_list .mode_form .button .again {
	background: rgb(149, 149, 149) !important; margin-left: 15px;
}
#product_list .mode_form .radio_box select {
	background-position: 85%; width: 100px;
}
#product_list .mode_form .radio_box .form_text {
	width: 30% !important;
}
#product_list .mode_form .radio_box {
	
}
@media only screen and (max-width:1400px)
{
#product_list .w1400 {
	width: 96%;
}
#product_list .right .name {
	margin-top: 2.5%;
}
#product_list .right .intro {
	height: 58px; -ms-overflow-y: hidden;
}
#product_list .category_list li {
	margin-bottom: 1.79%;
}
}
@media only screen and (max-width:1300px)
{
#product_list .mode_form .text-center .row {
	width: 31.14%;
}
#product_list .mode_form .row .form_text {
	width: 64.8%;
}
}
@media only screen and (max-width:991px)
{
#product_list .gray .desc {
	width: 70%;
}
#product_list .gray .tit2 {
	margin-left: 8.3%;
}
#product_list .gray .desc2 {
	width: 35%; padding-left: 7.07%;
}
#product_list .gray .tit {
	width: 18%;
}
#product_list .gray .long {
	width: 25%;
}
#product_list .gray .long2 {
	padding-left: 0px;
}
#product_list .left {
	float: left !important;
}
#product_list .right {
	float: right !important;
}
#product_list .right .fr {
	float: none;
}
#product_list .left {
	width: 45%;
}
#product_list .mode_form {
	margin: 0px auto;
}
#product_list .mode_form .blank36 {
	margin-top: 0px;
}
#product_list .right .intro {
	width: 95%;
}
#product_list .mode_form .top {
	margin-top: 25px;
}
#product_list .mode_form .textarea {
	margin-bottom: 25px;
}
#product_list .mode_form .text-center .row {
	width: 100%; margin-bottom: 25px; display: block;
}
#product_list .mode_form .text-center .row .form_text {
	width: 96%;
}
#product_list .mode_form .text-center .row label {
	width: auto; text-align: left;
}
#product_list .card_list .series .li {
	margin: 0px 2% 2%; width: 46%; text-align: center;
}
#product_list .card_list .series .li + .li {
	margin-left: 2%;
}
#product_list .app_pic .fl {
	margin: 1% 0px; width: 100%; max-width: 100%;
}
#product_list .app_pic .pic3 {
	width: 50%;
}
#product_list .app_pic .pic4 {
	width: 50%;
}
}
@media only screen and (max-width:850px)
{
#product_list ul .left {
	width: 50%;
}
#product_list .gray .desc {
	width: 65%;
}
#product_list ul .right {
	width: 46%;
}
#product_list .right .intro {
	height: 32px;
}
#product_list .gray .desc2 {
	width: 29%;
}
}
@media only screen and (max-width:750px)
{
#product_list .pub_desc {
	text-align: left;
}
#product_list ul {
	
}
#product_list .pro_bread {
	display: none;
}
#product_list ul .left {
	width: 98%;
}
#product_list ul .right {
	width: 98%; margin-bottom: 25px; margin-left: 2%;
}
#product_list .right .intro {
	height: 100px; margin-bottom: 10px;
}
#product_list .gray .next {
	display: block;
}
#product_list .gray .tit2 {
	width: auto; margin-left: 3.36%; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#product_list .gray .desc3 {
	padding-left: 0px;
}
#product_list .gray .desc {
	width: auto; padding-left: 3.36%; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#product_list .gray .desc2 {
	width: auto; padding-left: 3.36%; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#product_list .gray .tit {
	width: auto; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#product_list .gray .long {
	width: auto; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
}
@media only screen and (max-width:700px)
{
.pro_detail .dea_pic {
	width: 100%; float: none;
}
.pro_detail .fr.dea_pic {
	margin-top: 42px;
}
#product_list .mode_form .row {
	display: block;
}
}
@media only screen and (max-width:500px)
{
#product_list .mode_form .button input {
	width: 45%;
}
}
@media only screen and (max-width:480px)
{
#product_list .gray .desc {
	padding-left: 0px;
}
#product_list .gray .desc2 {
	padding-left: 0px;
}
#product_list .gray .tit2 {
	margin-left: 0px;
}
#product_list .mode_form .text {
	width: 48%;
}
#product_list .mode_form .box {
	width: 100%;
}
#product_list .mode_form .file {
	width: 13%;
}
#product_list .mode_form .file input[type='file'] {
	width: 13%;
}
#product_list .mode_form .row label {
	text-align: left; display: block;
}
}
@media only screen and (max-width:450px)
{
#product_list .gray .twig {
	padding: 0px; width: 100%;
}
#product_list .mode_form .file {
	width: 76.5%; margin-top: 25px; margin-left: 0px; display: block;
}
#product_list .mode_form .text {
	width: 67%;
}
#product_list .mode_form .radio_box label {
	display: block;
}
#product_list .mode_form .select {
	width: 96%;
}
#product_list .mode_form .select select {
	background-position: 91%; width: 60%;
}
}
@media only screen and (max-width:380px)
{
#product_list .gray .tit {
	padding-left: 1.3%;
}
#product_list .gray .tit2 {
	padding-left: 1.3%;
}
}
#footer {
	width: 100%;
	background-color: #ECECEC;
}
#footer .top {
	margin: 0px auto; width: 1600px; padding-top: 60px; padding-bottom: 30px;
}
#footer .top .same {
	vertical-align: top; display: inline-block;
}
#footer .top .about {
	margin-top: 0px;
	margin-right: 100px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#footer .top .pro {
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#footer .top .new {
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#footer .top .same em {
	display: none;
}
#footer .top .same .one {
	color: #000000; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px;
}
#footer .top .same .two {
	margin-top: 16px;
}
#footer .top .same .two a {
	color: #000000; line-height: 32px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; display: block;
}
#footer .top .contact .two .number {
	margin: 5px 0px 10px; color: #000000; font-size: 32px; font-weight: bold;
}
#footer .top .contact .two .time {
	color: #000000; font-family: "Î¢ÈíÑÅºÚ"; font-size: 15px; margin-bottom: 10px;
}
#footer .top .contact .two .online {
	background: url("../images/online.jpg") no-repeat 63px; border: 1px solid rgb(207, 207, 207); border-image: none; width: 91px; height: 28px; color: #000000; line-height: 28px; padding-left: 9px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 12px; display: block;
}
#footer .bottom {
	width: 100%;
	height: 63px;
	text-align: center;
	line-height: 63px;
	background-color: #D7D7D7;
}
#footer .bottom .center {
	color: #000000; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
@media only screen and (max-width:1600px)
{
#footer .top {
	margin: 0px auto; width: 96%;
}
#footer .top .same {
	margin: 0px 10% 0px 0px;
}
#footer .top .about {
	margin-left: 9%;
}
#footer .top .contact {
	margin: 0px !important;
}
#footer .bottom {
	height: 100%; line-height: 32px; padding-bottom: 25px;
}
}
@media only screen and (max-width:1350px)
{
#footer .bottom {
	text-align: left;
}
#footer .top .about {
	margin-left: 0px;
}
}
@media only screen and (max-width:1050px)
{
#footer .top .same {
	margin: 0px 10% 0px 0px;
}
#footer .bottom .center {
	padding: 3% 0px;
	width: 96%;
	color: #883334;
}
.swiper-container.iBanner {
	margin-bottom:0;
}
}
@media only screen and (max-width:750px)
{
#footer .top {
	margin: 0px; width: 95%; padding-left: 9%;
}
#footer .top .same .two {
	display: none;
}
#footer .top .contact .two {
	display: block;
}
#footer .bottom {
	text-align: center;
}
#footer .top .contact {
	padding-top: 15px; margin-top: 25px !important; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; display: block;
}
#footer .top .contact .two .time {
	line-height: 24px;
}
.contact .color .address {
	max-width: 100%;
}
.contact .color .address + .address {
	margin-left: 0px;
}
.contact .color {
	padding: 4% 0px;
}
.show_lg {
	display: none !important;
}
.show_sm {
	display: block !important;
}
}
@media only screen and (max-width:450px)
{
#footer .top {
	width: 91%;
}
#footer .top .same {
	margin-right: 8%;
}
}
